<!DOCTYPE html>
<html lang="zxx">

<!-- Head -->
<head>

    <title>Register</title>

    <!-- Meta-Tags -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="/html/css/register.css">
<!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

<!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
</head>
<!-- //Head -->

<!-- Body -->
<body>
<section class="main">

  <div class="bottom-grid">
    <div class="logo">
      <h1> <a href="register.html">Spark日记</a></h1>
    </div>
  </div>
  <form class="layui-form" action="/register" method="post">
    <div class="layui-form-item">
      <label class="layui-form-label">用户名</label>
      <div class="layui-input-block">
        <input type="text" name="username" required  lay-verify="required" placeholder="请输入用户名" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">密码</label>
      <div class="layui-input-inline">
        <input type="password" name="pwd" required lay-verify="required" placeholder="请输入密码" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">邮箱</label>
      <div class="layui-input-block">
        <input type="text" name="mail" required  lay-verify="required" placeholder="请输入邮箱" autocomplete="off" class="layui-input">
      </div>
    </div>
    <div class="layui-form-item">
      <label class="layui-form-label">单选框</label>
      <div class="layui-input-block">
        <input type="radio" name="gender" value=1 title="男">
        <input type="radio" name="gender" value=0 title="女" checked>
      </div>
    </div>
    <div class="layui-form-item">
      <div class="wthree-field">
        <input class="btn" type="submit" value="提交"/>
        <button type="reset" class="btn2">重置</button>
      </div>
    </div>
  </form>
</section>

</body>
<!-- //Body -->

</html>
